<template>
	<view>
		<view class="inform">
			<view class="inform-info">
				<view class="picture">
					<image src="/static/gg_ico.png" mode=""></image>
				</view>
				<view class="info">
					<swiper class="swiper" :circular="true" :vertical="true" :indicator-dots="false" :autoplay="true" :interval="3000"
					 :duration="1000">
						<swiper-item>
							<view class="swiper-item" @click="onSkip('inform')">
								<text class="one-omit">何***理刚刚通过推广赚了￥25.00元，商品男装休闲装购买</text>
							</view>
						</swiper-item>
						<swiper-item>
							<view class="swiper-item" @click="onSkip('inform')">
								<text class="one-omit">张***理刚刚通过推广赚了￥99.00元，商品Mac book pro15寸购买</text>
							</view>
						</swiper-item>
						<swiper-item>
							<view class="swiper-item" @click="onSkip('inform')">
								<text class="one-omit">郑***理刚刚通过推广赚了￥88.00元，商品华为meat30pro购买</text>
							</view>
						</swiper-item>
					</swiper>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'inform',
		components: {},
		data() {
			return {

			}
		},
		props: {

		},
		computed: {

		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	/* 通知 */
	.inform {
		padding: 0 25rpx;
		height: 130rpx;
		// margin: 30rpx auto;
		border-bottom: 16rpx solid #f9f9f9;

		.inform-info {
			display: flex;
			padding: 0 20rpx;
			height: 70rpx;
			background-color: #f7f7f7;
			border-radius: 10rpx;

			.picture {
				width: 20%;
				height: 100%;

				image {
					width: 93rpx;
					height: 84rpx;
					margin-top: -20rpx;
				}
			}

			.info {
				width: 80%;
				height: 100%;

				.swiper {
					width: 100%;
					height: 100%;

					.swiper-item {
						display: flex;
						align-items: center;
						width: 100%;
						height: 100%;

						text {
							font-size: 28rpx;
							color: #848281;
						}
					}
				}
			}
		}
	}
</style>
